<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>爱奇艺</title>
    <link rel="stylesheet" href="./style(自用).css">
    <link rel="icon" href="./阶段测评1/素材/images/logoIcon.png">
</head>

<body>
    <!-- 导航栏 -->
    <div id="header">
        <!-- logo -->
        <div id="logo">
            <img src="./阶段测评1/素材/images/logo.png" alt="">
        </div>
        <!-- 搜索区域 -->
        <div id="clear">
            <div class="sc">
                <!-- 搜索框 -->
                <input type="text" placeholder="我们的新时代">
                <!-- 热搜榜 -->
                <div class="hot">
                    <img src="./阶段测评1/素材/images/icon/hot.png" alt="">
                    <span>热搜榜</span>
                </div>
                <!-- 分割线 -->
                <div class="shr"></div>
                <!-- 搜全网 -->
                <div class="sall">
                    <img src="./阶段测评1/素材/images/search.png" alt="">
                    <span>搜全网</span>
                </div>
                <!-- 下拉列表 -->
                <div class="list">
                    <p class="listup">热门搜索</p>
                    <ul>
                        <li class="item item1">
                            <span>1</span>
                            <span>奇葩说</span>
                        </li>
                        <li class="item item2">
                            <span>2</span>
                            <span>奥特曼</span>
                        </li>
                        <li class="item item3">
                            <span>3</span>
                            <span>海贼王</span>
                        </li>
                        <li class="item item4">
                            <span>4</span>
                            <span>大江大河</span>
                        </li>
                        <li class="item item5">
                            <span>5</span>
                            <span>流金岁月</span>
                        </li>
                        <li class="item item6">
                            <span>6</span>
                            <span>潮流合伙人</span>
                        </li>
                        <li class="item item7">
                            <span>7</span>
                            <span>终极笔记</span>
                        </li>
                        <li class="item item8">
                            <span>8</span>
                            <span>奔跑吧兄弟</span>
                        </li>
                        <li class="item item9">
                            <span>9</span>
                            <span>木鱼</span>
                        </li>
                        <li class="item item10">
                            <span>10</span>
                            <span>爱情公寓</span>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 图标 -->
            <div id="tubi"></div>
            <!-- 登录 -->
            <div id="denglv"></div>
        </div>
    </div>
</body>

</html>